@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	background-image: url(../images/SF.gif);
	background-position: center top;
}
#warnaback {
	background-color:#F0F2F6;}
#warnaback2 {
	background-color:#E1E5ED;
}
#outside {
	width: 744px;
	margin-right: auto;
	margin-left: auto;
	display:table;
}
#outside2 {
	display: table-cell;
	vertical-align: middle;
}
.back1s {
	background-image: url(../images/stiped1.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 33px;
}
.back2s {
	background-image: url(../images/stiped2.png);
	background-repeat: repeat-x;
	background-position: center;
}
.back3s {
	background-image: url(../images/stiped3.png);
	background-repeat: no-repeat;
	width: 10px;
}
.back1 {
	background-image: url(../images/back1.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 33px;
}
.back2 {
	background-image: url(../images/back2.png);
	background-repeat: repeat-x;
	background-position: center;
}
.back3 {
	background-image: url(../images/back3.png);
	background-repeat: no-repeat;
	width: 10px;
}
.back4 {
	background-image: url(../images/back4.png);
	background-repeat: repeat-y;
}
.back5 {
	background-image: url(../images/back5.png);
	background-repeat: repeat-y;
}
.back6 {
	background-image: url(../images/back6.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.back4x {
	background-image: url(../images/back4x.png);
	background-repeat: repeat-y;
}
.back5x {
	background-image: url(../images/back5x.png);
	background-repeat: repeat-y;
}
.back6x{
	background-image: url(../images/back6x.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.back7 {
	background-image: url(../images/back7.png);
	background-repeat: repeat-x;
}
.back8 {
	background-image: url(../images/back8.png);
	background-repeat: no-repeat;
}
#judul-bar {
	font-size: 10pt;
	color: #F0F2F6;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 2px;
}

#sflogo {
	margin:auto;
	padding-top: 25px;
	padding-bottom: 20px;
	text-align: center;
	width:300px;

	
}
}

.pertanyaan {
	font-size: 13pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 11px;
}
.pertanyaan1 {
	font-size: 11pt;
	font-weight: normal;
	color: #333;
	padding-top: 0px;
	padding-bottom: 11px;
}
.pertanyaan0 {
	font-size: 11pt;
	font-weight: normal;
	color: #333;
	padding-top: 0px;
	padding-bottom: 6px;
}
.pertanyaan2 {
	font-size: 13pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 11px;
	padding-left: 5px;
}
.pertanyaan3 {
	text-align:center;
	font-size: 13pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 11px;
}
.pertanyaan4 {
	text-align:center;
	font-size: 11pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pertanyaanmulai {
	text-align:center;
	font-size: 11pt;
	font-weight: normal;
	color: #444;
	padding-top: 10px;
	padding-bottom: 6px;
}



.nama-ins {
	font-size: 12pt;
	font-weight: normal;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow: #fff 1px 1px 1px;
}
.nama-ins2 {
	font-size: 14pt;
	font-weight: bold;
	color: #333;
	padding-top: 10px;
	padding-bottom: 1px;
}
.tanyapoll {
	font-size: 12pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 5px;
}
.tanyapoll2 {
	font-size: 12pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 4px;
	width: 32px;
}
.penjelasan {
	font-size: 8pt;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 1px;
}
.penjelasan2 {
	text-align:center;
	font-size: 9pt;
	color: #666;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 1px;
}
.penjelasan3 {
	font-size: 8pt;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1px;
}

.bingkai {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
.batas-ver {
	background-image: url(../images/batas-ver.png);
	background-repeat: repeat-y;
	background-position: center center;
	width: 5px;
}
.batas-verCopy {
	background-image: url(../images/batas-ver.png);
	background-repeat: repeat-y;
	background-position: center center;
	width: 25px;
}

.batas-hor {
	background-image: url(../images/batas-hor.png);
	background-repeat: repeat-x;
	background-position: center center;
	height: 8px;
}
body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
}

.tempat1 {
	padding-right: 0px;
	padding-left: 5px;
}
.tempat1b {
	padding-right: 0px;
	padding-left: 5px;
	width: 400px;
}

.tempat2 {
	padding-right: 5px;
	padding-left: 20px;
}
.tempat3{
	padding-right: 5px;
	padding-left: 10px;
}
.tempat4{
	padding-right: 5px;
	padding-left: 5px;
}
.rounded {
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #e4e8ee;
	padding-bottom: 2px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	color: #333;
}

.rounded2 {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #e4e8ee;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	color: #333;
	height: 185px;
}
.rounded2y {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #e4e8ee;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	color: #333;
	height: 130px;
}
.rounded2x {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #e4e8ee;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	color: #333;
	height: 210px;
}

.rounded3 {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #d5d9df;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	color: #333;
}
.rounded4 {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e4e8ee;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	color: #333;
}
.rounded5 {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e4e8ee;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
	color: #333;
	padding-top: 15px;
}

.tempatfoto {
	padding-right: 8px;
	padding-top: 5px;
	height: 74px;
}
.padtop5 {
	padding-top: 8px;
}
.abstain {
	font-size: 10pt;
	color: #919191;
}
.pilihan {
	padding-left: 12px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.jarakpoll{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 2px;
	padding-left: 2px;
	}
.logintop {
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	width: 350px;
}
.loginbottom {
	background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 9px;
	width: 350px;
}
.loginside1 {
	background-image: url(../images/side1.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 247px;
	width: 5px;
}
.loginside2 {
	background-image: url(../images/side2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 247px;
	width: 5px;
}
.loginform1 {
	height: 33px;
	width: 240px;
	border: 1px solid #D6D6D6;
	box-shadow:inset 0 0 2px #D6D6D6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9fa ;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-family:"Century Gothic";
	font-size:15px;
}
.loginform1:focus {

}


.logintext {
	font-size: 9pt;
	color: #575B62;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.beginbutton {
	background-image: url(../images/begin.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 103px;
	cursor:pointer;
			display: block;
		text-decoration:none;
}
.beginbutton:hover {
	background-image: url(../images/beginhover.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 103px;
	cursor:pointer;
}
.loginbutton {
	background-image: url(../images/login.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 103px;
	cursor:pointer;
			display: block;
		text-decoration:none;
}
.loginbutton:hover {
	background-image: url(../images/loginpress.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 103px;
	cursor:pointer;
}
.nextbutton {
	background-image: url(../images/tombolnext.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 86px;
	cursor:pointer;
		display: block;
		text-decoration:none;
}

.nextbutton:hover {
	background-image: url(../images/tombolnexthover.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 86px;
	cursor:pointer;
}
.combutton {
	background-image: url(../images/commentbutton.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 146px;
	cursor:pointer;
	display: block;
	text-decoration:none;
}

.combutton:hover {
	background-image: url(../images/commentbuttonhover.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 146px;
	cursor:pointer;
}
.hover-text{
	font-size: 10pt;
	position: relative;
	left: 0px;
	bottom: 0px;
	top: 0px;
	padding-top: 2px;
}
.rating-criterium{

}
.wrate1 {
	width: 245px;
}
.wrate2 {
	width: 400px;
}
.wrate3 {
	width: 100px;
	padding-top: 6px;
	padding-left: 4px;
}
.wrate4 {
	width: 155px;
	padding-top: 8px;
	padding-left: 10px;
}
.h10 {
	height: 15px;
}
.pilpil{
	padding-top: 3px;
	padding-bottom: 1px;

}
.padatas10{
	padding-top: 8px;
}
.isiuntuk {
	font-size: 12pt;
	text-align: center;
	padding: 5px;
}
.formbiasa {
	border: 1px solid #8D8D8D;
	background-color: #FFF;
	padding: 4px;
}
textarea #styled {
        width: 600px;
        height: 120px;
        border: 3px solid #cccccc;
        padding: 5px;
        font-family: Tahoma, sans-serif;
        background-image: url(bg.gif);
        background-position: bottom right;
        background-repeat: no-repeat;
}
.begin {
	font-family: "Droid Sans";
	color: #333;
	padding-left: 10px;
	padding-top: 10px;
	}
.begin0 {
	padding-right: 10px;
	padding-top: 10px;
	}
.begin0 img {
	border: 2px solid #FFF;	
	box-shadow: 0 0 2px #b4b1b1;
	}
.begin2 {
	font-size: 32pt;
	color: #333;
	font-weight: bold;
	}
.begin3 {
	font-size: 16pt;
	color: #333;
	font-weight: bold;
	padding-left:0px;
	padding-top: 3px;
	}
.begin4 {
	font-size: 10pt;
	color: #333;
	padding-top:10px;
	padding-bottom: 10px;
	}
.absen {
	background-color: #ebedf3;
	color:#333;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2px;
	padding-left: 2px;
		border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #999;	
		font-size:10pt;
	}
.score {
	background-color: #ebedf3;
	color:#333;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 15px;
		font-size:11pt;
	}
.score a{ 
	color:#333;
		-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #444 ;

	 }
.score a:hover { color:#111;	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #222 ;
	
	
	}
.absen span,.score span {
	display:block;
	padding:2px 0px;
	margin:0px;
	}
	
.score td {
	padding:0px 8px;
	margin:0px;
	}
.score div {margin:0;}
.score th {text-align:left; padding-right:5px;}

.absen ul {
	margin:0;
	padding:0;
}
.absen li {
	list-style-type:none;
	display: inline-block;
	padding: 0;
	text-align:center;
	padding: 0 5px;

	}
#sesike {
	width:auto;
	text-align:left;
	padding-left:4px;
}
.tigapuluh {
	width:31%;}
.ukuranform1 {
	width:500px;
	}			
.ukuranform2 {
	width:600px;
	}
.pad5atasbawah {
	padding: 5px 0;}
#oops {
	font-size: 11pt;
	color: #333;
	text-align: center;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	}
.kotaknilai {
	border-radius: 5px;
	background-color:#ebedf3;
	border: 1px solid #e1e3e9;
	color: #444;
	padding: 5px;
	width:auto;
	}
#kotakpel {
	padding: 10px;
	width:auto;
	display:table;
	}
.nilaibesar {
	font-size:50pt;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e3e9;
	margin-bottom: 8px;
	}
.nilaikecil {
	font-size:13pt; font-weight: bold;
	}
.nilaikecil2 {
	font-size:13pt; font-weight: bold;
	padding-top:5px;
	}
.left {float:left;}
.clear {clear:both;}
.bordernilaiatas{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F0F2F6;
}
.score2{
	background-color: #ebedf3;
	color:#333;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2px;
	padding-left: 2px;
	margin-top: 10px;
	margin-left: 15px;
	font-size:11pt; 
	display: inline-table;
	}
.score3{
	background-color: #ebedf3;
	color:#333;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2px;
	padding-left: 2px;
	margin-top: 10px;
	margin-left: 5px;
	font-size:11pt; 
	display: inline-table;
	}
.insnilai{ padding: 0 6px;}
.insnilai2{ text-align:center;}
.jeruk0{
	padding-bottom: 10px;
}
.jeruk1{
	padding-right: 10px;
	background-image: url(../images/batashasil2.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.jeruk2{
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 4px;
	background-image: url(../images/batashasil.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.jeruk2 a{color: #333;}
.jeruk3{
	padding-top: 10px;
	padding-left: 10px;
}
#papan0 td {padding-bottom: 5px;;

}
#papan td {
	padding: 5px 0px;
}
#papan th {text-align:left; padding-right: 10px; font-weight:normal;

}
#papan2 td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-image: url(../images/batashasil2.png);
	background-repeat: repeat-y;
	background-position: right top;
	text-align: center;
	padding-left: 10px;
}
#papan3 td {padding: 4px 8px;

}
#papan3 {font-size:11pt; margin-top: 3px; }
#all {font-size:12pt; color:#646464}
#overall1{font-size:60pt; font-weight:bold; color: #333 }

#overall2{font-size:36pt; font-weight:bold; color: #333 }

.each {font-size:28pt; font-weight:bold; text-align:center; color: #333 }
.tcenter {
	text-align:center;
	font-weight:bold;
	width: 34px;
	padding-top: 2px;
	padding-bottom: 7px;
	background-color: #cdf;
}
.tcenter2 {
	text-align:center;
	font-weight:bold;
	width: 10px;
	padding-top: 2px;
	padding-bottom: 7px;
	background-color: #cdf;
}
.tdkiri {
	text-align:center;
	background-image: url(../images/batashasil2.png);
	background-repeat: repeat-y;
	background-position: right top;
	}
.menubor { 	background-image: url(../images/batashasil2.png);
	background-repeat: repeat-y;
	background-position: right top;
	padding-right: 6px;
	padding-left: 3px;
	}

#sesi {
	background-image: url(../images/batashasil.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 15px;
	font-size:12pt;
	color:#646464;
	padding-top: 20px;
	width:100%;
}
.kecil {
	font-size: 8pt;
	padding-top: 4px;
	}
.kecil2 {
	font-size: 9pt;
	padding-top: 0px;
	padding-bottom: 4px;
	}
.yoi {
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 2px;
	padding-bottom: 7px;
	font-size: 13pt;
	background-image: url(../images/batashasil.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.yoi2 {
color: #444;
	font-size: 14pt;
	font-weight: ;
}
.yoi5 {

	font-size: 16pt; color: #444;

}
.yoi3 {
	color: #444;
	font-size: 16pt;

		padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 5px;
	background-image: url(../images/batashasil.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.yoi4 {
	color: #444;
	font-size: 16pt;

		padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	background-image: url(../images/batashasil.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.isi1{
	padding-right: 15px;
	background-image: url(../images/batashasil2.png);
	background-repeat: repeat-y;
	background-position: right top;
	padding-top: 7px;
}
#isi1{width: 200px;}
.isi2{
	padding-left: 15px;

}
#komentar td, #tanggapan td{
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 11pt;
	background-image: url(../images/bulletSF.png);
	background-repeat: no-repeat;
	background-position: 3px 4px;
	padding-left: 26px;
	}
.komentar {margin-top: 5px;}
.komentar td {
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 11pt;
	padding-left: 5px;
	}
.dodol  { margin-top: 10px;}
#isi4 {margin-top: 10px;}
.cen {color: #333; font-size: 10pt;}
.koe {height: 22px;}
.persesi {
	padding-top: 6px;
	padding-right: 8px;
	color: #444;
	font-size: 16pt;
}
.persesi2 {
	font-size: 56px;
	padding-top: 6px;
	padding-right: 8px;
}
#persesi {
	background-image: url(../images/batashasil2.png);
	background-repeat: repeat-y;
	background-position: right;
	margin-right: 10px;
}
#menu  {font-size:9pt; text-align:right;}
#menu a {
	color:#646464; font-size:11pt; font-family: "century gothic";}
textarea#comment {
	border: 0;
	border: solid 1px #cad8dd;
	border-radius: 3px;
	box-shadow:inset 0 0 3px #D6D6D6;
	height: 70px;
	width: 425px;
	background-color: #f3f5f8;
	padding: 10px;
	font-family:"century gothic";
	color: #646464;
}
input#kirim {
	border: 0;
	background-image: url(../images/submit.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 96px;
	cursor:pointer;
	
}
#opo {
	padding-top: 15px;
	padding-left: 25px;}
#opo td {padding: 0 10px;}

#isi1 {
	min-width: 185px;
}
#navi img{padding-bottom: 10px;}
a { text-decoration:none; color: #444; }
#chart { padding-top:8px; padding-left: 8px;}
#course {
	width: 200px;
	background-image: url(../images/batashasil2.png);
	background-repeat: repeat-y;
	background-position: right;
	margin-right: 15px;
	padding-right: 5px;
	margin-top: 10px;
}
.avatar {}
.avatar img { width: 32px; height: 32px; box-shadow: 0 0 2px #b4b1b1; margin-left: 5px;}

.mangga {font-size: 10pt; padding-top: 5px;}
.mangga td {width: 47px; padding-left: 3px; padding-top: 5px;}
.yeah {
	color:#444;
}
#kontent {width: 100%;}
#kontentkiri {width: 230px; float:left;}
#kontentkanan {width: 454px; float:left;}
#kontentatas {}
#overallscore {width: 100%;}
#isikontentatas {width: 100%;}
#isikontentatas-kiri {width: 104px; float:left;}
#isikontentatas-kanan {width: 570px; float:left;}
#score1 { font-size: 11pt;}
#score2 {}
#kontentbawah1 {width: 57px; float:left; margin-right: 15px;}
#kontentbawah2 {width: 220px; float:left;}
#kontentbawah3 {width: 364px; float:left;}
#kontentbawah4 {width: 100%;}
#menuX { width:auto; float:right; margin-top: 4px; }
.menuY  a {
	color: #5B6069; padding: 0 3px;
}
#menuZ { float:right; margin-left: 5px; margin-right: 10px; margin-top: 5px;}
#menuZ img {width: 40px; height: 40px; box-shadow: 0 0 2px #b4b1b1; border: 2px solid #FFF;	}
#userX {float:right; padding: 0 5px; color: #444; }
.menuY {float:left; font-family:"century gothic"; font-size: 10pt; margin-bottom: 20px; margin-top: 4px; color: #5B6069;}
#footerX{
	background-image: url(../images/batashasil.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 15px;
	padding-top: 8px;
	color: #333;
	font-size: 9pt;
	padding-left: 5px;
	font-family:"century gothic";
}
.pilih1 {
	height: ;
	background-color: #EBEDF3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}
#sub-panel{
	text-align:center;
}
#shText { font-size: 10pt;}
#sub-panel a{
	width:80px;
	float:right;
	color:#eee;
	text-decoration:none;
	margin-right:20px;
	background:url(img/sub-left.png) bottom left no-repeat #488700;	/* background:url(img/sub-left.png) bottom left no-repeat #a6c34e; */
}
#sub-panel a span{
	padding:4px;
	background:url(img/sub-right.png) right bottom no-repeat;
	display:block;}
